<%-- 
    Document   : index-admin
    Created on : 03-jul-2014, 13:00:10
    Author     : Wallaz Rom.
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script>
            $(function() {
                var tabs = $("#tabs").tabs();
                tabs.find(".ui-tabs-nav").sortable({
                    axis: "x",
                    stop: function() {
                        tabs.tabs("refresh");
                    }
                });
            });
        </script>
        <link rel="stylesheet" href="css/menu-admin.css" type="text/css"/>
        <title>Administrador</title>
    </head>
    <body>
    <center>
        <h1>Administrador Nutriologos</h1>
        <script>
            var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
            var diasSemana = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
            var f = new Date();
            document.write(diasSemana[f.getDay()] + ", " + f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());
        </script>
        <table width="80%">
            <tr>
                <td>
            <center>
                <form action="altanutriologo.jsp">
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">ALTA DE NUTRIOLOGOS</a></li>
                            <li><a href="#tabs-2">BAJA DE NUTRIOLOGOS</a></li></ul>
                        <div id="tabs-1">
                            <h1>Alta Nutriologo</h1>
                            <table width="90%">
                                <tr>
                                    <td class="nombre-alta">RFC : </td>
                                    <td><input type='text' placeholder="RFC" name="rfc" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">CEDULA :</td>
                                    <td><input type='text' placeholder="cedula profecional" name="cedula" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr><td class="nombre-alta">Nombre : </td>
                                    <td><input type='text' placeholder="nombre(s)" name="nombre" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">Apellido Paterno : </td> 
                                    <td><input type='text' placeholder="apellido paterno" name="app" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">Apellido Materno : </td> 
                                    <td><input type='text' placeholder="apellido materno" name="apm" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">Dirección : </td> 
                                    <td><input type='text' placeholder="direccion" name="dir" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">Telefono : </td> 
                                    <td><input type='text' placeholder="telefono" name="tel" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td class="nombre-alta">e-mail : </td>
                                    <td><input type='text' placeholder="e-mail" name="correo" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                                <tr>
                                    <td>Sexo :</td>
                                    <td colspan="8">Hombre<input type="radio" name="sexo" value="h"/>
                                        Mujer<input type="radio" name="sexo" value="m"/></td>
                                    </tr> </table>
                            <br/><input type="submit" title="Alta" />
                        </div>
                        
                        <div id="tabs-2">
                            <h1>Baja Nutriologo</h1>
                            <table width="90%">
                                <tr>
                                    <td class="nombre-alta">Cedula Nutriologo :</td>
                                    <td><input type='text' placeholder="cedula" name="cedula" class="alta-form" required="on" autocomplete="off"</td>
                                </tr>
                            </table>
                            <br/><input type="submit" title="Alta" />
                        </div>
                        </div></form>
            </center>
        </td>
</tr>
        </table>
    </center>
</body>
                    </html>
